.slot-box {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.slot-image {
	display: block;
	width: 60rpx;
	height: 60rpx;
	border-radius: 8rpx;
	margin-right: 20rpx;
}
.btn {
	min-width: 156rpx;
	line-height: 60rpx;
	font-size: 30rpx;
	margin: 0;
	padding: 0 20rpx;
	border-radius: 8rpx;
	color: #fff;
	&::after {
		border: 0;
	}
	&.plain {
		border-radius: 40rpx;
	}
	&.primary {
		background-color: #409eff;
		border-color: #409eff;
	}
	&.primary[disabled] {
		color: #fff;
		background-color: rgba(59, 149, 255, 0.4);
		border-color: rgba(59, 149, 255, 0.4);
	}
	&.success {
		background-color: #67c23a;
		border-color: #67c23a;
	}
	&.success[disabled] {
		color: #fff;
		background-color: rgba(103, 194, 58, 0.4);
		border-color: rgba(103, 194, 58, 0.4);
	}
	&.danger {
		background-color: #e86565;
		border-color: #e86565;
	}
	&.danger[disabled] {
		color: #fff;
		background-color: rgba(232, 101, 101, 0.4);
		border-color: rgba(232, 101, 101, 0.4);
	}
	&.info {
		background-color: #909399;
		border-color: #909399;
	}
	&.info[disabled] {
		color: #fff;
		background-color: rgba(144, 147, 153, 0.4);
		border-color: rgba(144, 147, 153, 0.4);
	}
	& + .btn {
		margin-left: 20rpx;
	}
}
.no-data {
	font-size: 32rpx;
	height: 500rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777;
}
.divider {
	display: block;
	height: 1px;
	width: 100%;
	margin: 30rpx 0;
	background-color: #eee;
}
.pb20 {
	padding-bottom: 20px;
}

.uni-card {
	border-radius: 8rpx;
	& + .uni-card {
		margin-top: 24rpx !important;
	}
}

.status-success {
	border: 1px solid #51bb88;
	background-color: #e3f2ee;
}
.status-part {
	border: 1px solid #eb932d;
	background-color: #fcf1d5;
}
.status-error {
	border: 1px solid #e86565;
	background-color: #f6e9e6;
}

.txt-success {
	color: #51bb88;
}
.txt-part {
	color: #eb932d;
}
.txt-error {
	color: #e86565;
}
